*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 11px Tahoma;color:#000;background:url(bgsrc.png) repeat-x;}
a{text-decoration:none;color:#98681e;}
a:hover{text-decoration:underline;}
.mrq a{color:#fff;}
img{border:0;}
option{padding:0 5px 0 3px;}
h2{font:bold 15px Tahoma;margin:10px 0;}
h4{font:bold 11px Tahoma;}
hr{height:1px;color:#B3AD8B;margin:10px 0;}
.clear{clear:both;}
.p{margin:10px 0;}
#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;color:#000;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{top:0;position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.tl,.tm,.tr,.bm,.tm span,.sb dt,.tc div,#idnwshare a,#idnwshareb a,#lang span{background:url(bg.png) repeat-x;}
.wrap{margin:10px auto 0;width:805px;}
.cpname{vertical-align:middle;color:#C30;padding:20px;}
.url{font:14px Arial;color:#000;}
#top{margin:5px 0;}
.since{float: left;}
#lang{float:right;}
#lang a{float:left;display:block;}
#lang div{float:left;}
#lang span{display:block;float:left;width:15px;height:15px;margin:5px 3px 0;vertical-align:middle;}
#lang .flag-id{background-position:-62px -15px;}
#lang .flag-en{background-position:-62px 0;}
#idnwshare{float:right;margin: 0 5px 5px 0;}
#idnwshare a{border: 1px solid #fff;display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;}
#idnwshare .fb{background-position:-91px -47px;}
#idnwshare .tw{background-position:-68px -47px;}
#idnwshare .gp{background-position:-45px -47px;}
#idnwshare .in{background-position:-22px -47px;}
#idnwshareb{float:left;margin: 0 32px 5px;display:inline;}
#idnwshareb a{border: 1px solid #fff;display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;}
#idnwshareb .fb{background-position:-91px -47px;}
#idnwshareb .tw{background-position:-68px -47px;}
#idnwshareb .gp{background-position:-45px -47px;}
#idnwshareb .in{background-position:-22px -47px;}
.banner{margin:5px 0;}
.banner img{border-radius:10px;margin:0px auto;max-width:805px;height:auto;display:block;}
.logo{text-align:center;}
.cpnameb{text-align:center;margin:8px 0; font: bold 13px arial;}
.menu {height:47px;_overflow:hidden;float:left;}
.tl,.tm,.tr{float:left;height:47px;width:10px;}
.bm{float:left;height:50px;background-position:0 -257px;width:100%;}
.tl{background-position:-22px 0;}
.tm{background-position:0 -209px;width:785px;font:bold 12px/22px Tahoma;color:#F00;}
.tr{background-position:-32px 0;}
.tm a{color:#000;}
.tm a:hover{color:#F00;}
.tm span{display:block;float:left;height:22px;position:relative;top:26px;_zoom:1;z-index:10;}
.tm .l{width:10px;background-position:-42px 0;}
.tm .m{background-position:0 -116px;}
.tm .r{width:10px;background-position:-52px 0;}
.tm .ddm{background:none;}
.ddm span{top:0;}
.ddm.hover .smenu{display:block;}
.smenu{display:none;background:#FBFEFF;position:absolute;list-style:none;left:2px;top:100%;border-bottom:#FFF0E3 solid 1px;z-index:1000;width:180px;}
.smenu li{font:11px/20px Tahoma;padding:3px 5px;}
.smenu li:hover{background:#EEE;}
.smenu a{display:block;overflow:hidden;height:20px;}
.smenu a:hover{text-decoration:none;}
.sddm{position:relative;}
.sddm.hover .ssmenu{display:block;}
.ssmenu{display:none;background:#EEE;position:absolute;list-style:none;top:0;left:100%;border-bottom:#FFF0E3 solid 1px;z-index:1000;width:180px;}
.ssmenu li{font:11px/20px Tahoma;padding:3px 5px;}
.ssmenu li:hover{background:#EEE;}
.ssmenu a{display:block;overflow:hidden;height:20px;}
.ssmenu a:hover{text-decoration:none;}
.mrq{height:30px;font:bold 12px/30px Tahoma;margin:13px 0 0;padding: 0 5px;}
.mrq a{margin: 0 0 0 3px;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}
.middle{padding:10px 0;}

.button{display:block;width:30px;height:30px;float:left;background:url(button.png) no-repeat;}
.addtb{background-position:0 0;}
.msg{background-position:-30px 0;}
.sh{background-position:-60px 0;}

.left{float:left;width:192px;}
.qsearch{border:1px solid #C3C3C3;background:#FFF;margin:0 0 10px;}
.qsearch #q{border:0;font:12px Arial;color:#777;background:transparent;float:left;padding:6px;width:150px;_width:147px;}
.qsearch #q.focus{color:#000;}
.sb{margin:0 0 10px;}
.sb dt{background-position:0 -71px;font:bold 11px/35px Tahoma;height:42px;padding:0 10px;}
.sb dt a{color:#530}
.sb dd{background:#EDECEC;border-bottom:#CFCECE solid 2px;padding:7px;}
.cpcontact{width: 178px; overflow: hidden;}}
.cpcontact .t{font:bold 14px Arial;color:#FD1;margin:0 0 10px;}
.cpcontact span{display:block;margin:9px 0;padding:0;overflow:hidden;}
.cpcontact p{margin: 0 5px;}
.homepage div div{float:none !important;}
.insmeg{width:120px;height:16px;padding:5px 47px 5px 5px;overflow:hidden;background:url(arrow.png) no-repeat 105px 11px;}
.review{text-align:center;}
.review img{display:block;margin:0 auto;}
.review span{display:block;background:#DDD;line-height:20px;}
.reviw table{margin: 12px 0; border-bottom: 1px dashed #000;padding:8px 0;}
.each a{display:block;font:bold 11px/20px Tahoma;}
.right{float:right;width:604px;text-align:justify;}
.butprof{margin:20px 0 30px;height: 31px;}
.or{float: left; margin: 10px 8px;}
.jsu {padding: 0 5px;}
.tc{height:71px;overflow:hidden;}
.tc div{float:left;height:71px;}
.tc .l{width:215px;background-position:0 -309px;font:bold 14px/80px Tahoma;padding:0 35px 0 16px;overflow:hidden;}
.tc .m{width:327px;background-position:0 -138px;}
.tc .r{width:11px;background-position:-11px 0;}

.content{background:#EDECEC;border-bottom:#CFCECE solid 2px;padding:10px;margin: 0 0 0 11px;}
.slider{width:605px;margin:0 0 20px;position:relative;}
.slider-con{position:relative;height:241px;overflow:hidden;}
.slider-con li{position:absolute;width:605px;height:241px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-con img{width:605px;}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;font-size:0;}
.slider-tab .current{background:#b0835e;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#DDD;}
#pdsnext,#pdsprev{display:none;width:20px;height:30px;position:absolute;top:35px;}
#pdsnext{right:5px;}
#pdsprev{left:5px;}

.sdu{font:12px Tahoma;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;}
.incplist{text-align:center;margin:10px 0 0;}
.incplist a{padding:5px;background:#ead7b9;font:11px/30px Tahoma;}
.revpaging{padding:5px 10px;background:#DDD;margin:5px 0;border:#CCC solid;}
.rrlink{padding: 8px; background:#e2c496; color: #fff;list-style:none;}

.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;}
.inqbtn span{padding:7px 0;}
.inqbtn a span{padding:0;}
.inq span{float:left;}
.selectall{float:left;font:11px/20px Tahoma;}
.selectall input{vertical-align:middle;}
.viewopt{float:right;margin:4px 0 0;}
.viewopt span{margin:0 0 0 5px;font:11px/12px Tahoma;float:left;padding:0 0 0 17px;background:url(listgrid.gif) no-repeat;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;margin:0 10px 0 0;font:11px Tahoma;}
.paging{margin:10px 0;text-align:right;}

.prodtype{font:bold 12px Tahoma;padding:5px;background:#e2c496;}
.litems{padding:10px 0;border-bottom:1px solid #D0D0D0;border-top:1px solid #f1f1f1;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#c1c1c1 solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:550px;float:left;}
.litems .name{font:bold 15px Tahoma;color:#000;margin:0 0 5px;}
.litems .name a{font:bold 12px Tahoma;}
.litems .date{color:#666;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;font:11px Tahoma;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#ead7b9;display:inline-block;border:#98681e solid 1px;}
.litems .box4{width:400px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:33%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:5px;}
.gitems .box2{margin:0 auto 5px;width:120px;height:120px;border:#c1c1c1 solid 1px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:59px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .date{color:#666;font:10px Arial;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:13px;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#CCC dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;font:11px Tahoma;}
.keterangan dt{font:bold 14px Tahoma;margin:0 0 10px;}
.pimg{float:left;text-align:center;border:#c1c1c1 solid 1px;margin:0 18px 8px 0;}
.pdnf{text-align:left;}
.pdnf .p{margin:10px 0;font-weight:bold;}
.pdnf li{font-weight:normal;margin:0 0 0 14px;}

.bottom{width:100%;background:#e2c496;border-top:#cda05a solid 1px;text-align:center;font:11px Tahoma;padding:15px 0;}
.bottom .footermenu{margin:10px 0 0;font:bold 12px Arial;}
.bottom .cpr{color:#555;font:10px Tahoma;}
.bottom hr {display: none;}
@media only screen and (max-width:768px){
.wrap,.banner img,#loginhead,.slider,.slider-con img{width:99%;}
.menu{height:70px;}
.tm{width:94%}
.tc .m{width:45%}
.right{width:70%;}
.gitems{width:49.5%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.tc .m{width:25%}
.left,.right{float:none;}
.right{width:99%}
.gitems{width:99.5%}
}